<template>
	<transition name="fadeInOut">
		<div class="h">
			<my-scroll>
				<mu-appbar style="width: 100%;" color="red" z-depth="0">
					<mu-button icon slot="left" @click.native="$router.go(-1)">
						<mu-icon value="chevron_left"></mu-icon>
					</mu-button>
					<span slot="default">{{$route.name}}</span>
					<mu-button icon slot="right">
						<!-- <mu-icon value="menu"></mu-icon> -->
					</mu-button>
				</mu-appbar>

				<div class="mt-30">
					<router-link :to="r.children ? '' : r.path " class="mr-5" v-for="r,index in my_routers" :key="index">
						{{r.name}}
						<div v-if="r.children" class="mb-15 mt-5">
							<router-link :to="c.children ? '' : r.path+'/'+c.path" class="mr-5" v-for="c,key in r.children" :key="key" v-show="!c.children">
								{{ c.name }}
							</router-link>
						</div>

					</router-link>
				</div>


			</my-scroll>
		</div>
	</transition>
	
</template>

<script>
	export default{
		name: "Map",
		data(){
			return {
				my_routers:[],

			}
		},
		created(){
		},
		mounted(){
			this.my_routers = this.$router.options.routes;
		},
		computed:{
			
		},
		watch:{
            
		},
		methods:{
			
		},
		filters:{
			
		},
		components:{ 
		}

	}
</script>

<style lang="scss" scoped>
@import '@/style/base/_mixin.scss';

</style>